import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import pinia from "./stores";
import Router from "./Router/index";
import {UserInfoStore} from './stores/userInfo.js';
import service from "./Net/config";
import {useRouter} from 'vue-router'
import * as ElementPlusIconsVue from "@element-plus/icons-vue";


const app = createApp(App);
app.use(pinia)
app.use(Router);

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}

//初始化仓库和路由
const store=UserInfoStore(pinia)
const router=useRouter()

//#region axios拦截器
//请求拦截器
service.interceptors.request.use(
  (config) => {
    config.headers = { "Content-Type": "application/json" };
    //使用token
    // let token=GetToken()
    let token=store.userInfo.token!=undefined?store.userInfo.token:'TestToken'
    if (token != "") {
      // config.headers["Authorization"] = `Bearer ${token}`;
      config.headers["Authorization"] = token;
    }
    return config;
  },
  (error) => {
    Promise.reject(error);
  }
);

//响应拦截
service.interceptors.response.use(
  (response) => {
    return response.data;
  },
  (error) => {
    /***** 接收到异常响应的处理开始 *****/
    if (error && error.response) {
      // 1.公共错误处理
      // 2.根据响应码具体处理
      switch (error.response.status) {
        case 400:
          error.message = "错误请求";
          break;
        case 401:
          error.message = "未授权，请重新登录";
          break;
        case 403:
          error.message = "拒绝访问";
          break;
        case 404:
          error.message = "请求错误,未找到该资源";
          // window.location.href = "/#/NotFound";
          router.push('/NotFound');
          break;
        case 405:
          error.message = "请求方法未允许";
          break;
        case 408:
          error.message = "请求超时";
          break;
        case 500:
          error.message = "服务器端出错";
          break;
        case 501:
          error.message = "网络未实现";
          break;
        case 502:
          error.message = "网络错误";
          break;
        case 503:
          error.message = "服务不可用";
          break;
        case 504:
          error.message = "网络超时";
          break;
        case 505:
          error.message = "http版本不支持该请求";
          break;
        default:
          error.message = `连接错误${error.response.status}`;
      }
    } else {
      // 超时处理
      if (JSON.stringify(error).includes("timeout")) {
        ElMessage.error("服务器响应超时，请刷新当前页");
      }
      error.message = "连接服务器失败";
    }
    ElMessage.error(error.message);
    /***** 处理结束 *****/
    //如果不需要错误处理，以上的处理过程都可省略
    return Promise.resolve(error.response);
  }
);
//#endregion

app.mount("#app");
